<template>
	<view class="content">
		<view class="person-info-header ">
			<view class="person-info-card flexr ">
				<view class="my-money-msg" @click="gotoPage('/packagePages/mine/authentication')">
					{{customerInfo.isAudit==1?'编辑资料':'去认证'}}
				</view>
				<view class="person-info-card-left">
					<view class="header-img" :style="{ backgroundImage: 'url( ' + customerInfo.headImg + ' )' }"></view>
				</view>
				<view class="person-info-card-middle ">
					<view class="person-info-left ">
						<view class="person-nick-name flexr ">
							<view class="name">{{ customerInfo.nickName }} </view>
							<view class="people-sex flexr ">
								<image v-if="customerInfo.isAudit==1" src="../../static/new/renzheng.png" mode="">
								</image>
								<image v-else src="../../static/new/weirenzheng.png" mode=""></image>
								<text style="font-size: 12px;">{{customerInfo.isAudit==1?'已认证':'未认证'}}</text>
								<!-- <image src="../../static/images/new/b.png" mode=""></image> {{mayAge||0}} -->
							</view>
							<!-- <text class="vip-container">{{ customerInfo.vip_level_name }}</text> -->
						</view>
						<!-- 	<view class="person-nick-msg flexr">
							<image v-if="customerInfo.isAudit==1"   src="../../static/new/renzheng.png" mode=""></image>
							<image v-else src="../../static/new/weirenzheng.png" mode=""></image>
							<text style="font-size: 12px;">{{customerInfo.isAudit==1?'已认证':'未认证'}}</text>
						</view> -->
						<view class="flexr">
							<view class="person-nick-msg" style="width: auto;">ID:{{customerInfo.id||''}}</view>
							<view class="sign-to" @click="signInTo" :class="isSign==1?'havesign-to':''">
								{{isSign==0?'点击签到':'已签到'}}

							</view>
						</view>

						<view class="person-nick-msg elone">{{customerInfo.sign||''}} </view>
						<!-- <image src="../../static/images/new/edit.png" mode=""></image> -->
						<!-- <view class="person-no" @click="showMyQrCode">
							NO.{{ customerInfo.customer_usernumber }}
							<image class="mine-qrcode-icon" src="../../static/images/mine-qr-icon.png"></image>
						</view> -->
					</view>
					<!-- <view class="person-info-right" @click="clickEditInfo">
						<view class="right-icon-container"><image src="../../static/images/mine-edit.png"></image></view>
					</view> -->
				</view>

			</view>
		</view>
		<view class="my-money flexr">

			<view class="money-item">
				<view class="money-content">{{ customerInfo.giftBalance||0 }}</view>
				<view class="money-name">
					我的积分
				</view>
			</view>
			<view class="money-item">
				<view class="money-content">{{ customerInfo.cashBalance ||0}}</view>
				<view class="money-name">
					账户余额
				</view>
			</view>
			<view class="money-item">
				<view class="money-content">0</view>
				<view class="money-name">
					我的关注
				</view>
			</view>
		</view>
		<view class="order-type-container">
			<view v-for="(item, index) in orderTypeList" :key="index" v-if="item.show" class="order-type-item-container"
				@click="navigateTo(item.flag)">
				<view class="order-type-item">
					<image :src="item.icon" class="order-icon"></image>
					<view class="order-text">{{ item.text }}</view>
				</view>
			</view>
		</view>
		<!-- 	<view class="person-property-middle">
				<view class="person-property-card">
					<view class="title">我的资产</view>
					<view class="person-property-card-context">
						<view class="item-container">
							<view class="item-container-icon"><image src="../../static/images/mine-credits-icon.png"></image></view>
							<view class="item-container-text">
								<view class="value">{{ customerInfo.customer_credit||0 }}</view>
								<view>积分</view>
							</view>
						</view>
						<view class="item-container" @click="pushVc(8)" style="max-width: 33%;justify-content: center;">
							<view class="item-container-icon"><image src="../../static/images/mine-balance-icon.png"></image></view>
							<view class="item-container-text" style="max-width: 120rpx;">
								<view class="value">{{ customerInfo.customer_balance }}</view>
								<view>余额</view>
							</view>
						</view>
						<view class="item-container" @click="gotoMycoupon">
							<view class="item-container-icon"><image src="../../static/images/mine-coupon-icon.png"></image></view>
							<view class="item-container-text">
								<view class="value">{{ customerInfo.customer_couponCount }}</view>
								<view>优惠券</view>
							</view>
						</view>
					</view>
				</view>
			</view> -->
		<view class="mineMore ">
			<view class="flexr mineOne border-b" v-if="customerInfo.belongTo>0" style=""
				@click="gotoPage('/packagePages/mine/coupon/couponProvide/index')">
				<image src="../../static/new/mineIcon15.png" mode=""></image>
				<view class="mineOneName">优惠券发放</view>
				<view class="arrow"></view>
			</view>
			<view class="flexr mineOne border-b" v-if="customerInfo.belongTo>0" style="" @click="qrcodeCoupon">
				<image src="../../static/new/mineIcon14.png" mode=""></image>
				<view class="mineOneName">扫码核销</view>
				<view class="arrow"></view>
			</view>
			<view class="flexr mineOne border-b" style="" @click="gotoPage('/packagePages/friend/photo')">
				<image src="../../static/new/mineIcon10.png" mode=""></image>
				<view class="mineOneName">我的相册</view>
				<view class="arrow"></view>
			</view>
			<view class="flexr mineOne border-b" style="" @click="gotoPage('/packagePages/mine/coupon/index')">
				<image src="../../static/new/mineIcon13.png" mode=""></image>
				<view class="mineOneName">我的优惠券</view>
				<view class="arrow"></view>
			</view>


			<!-- <view>
				<imgUpload width="126" :val="imgUrl" v-model="albumPicsList"></imgUpload>
			</view> -->

			<!-- <view class="flexr mineOne border-b" style="" @click="pushVc(0)">
				<image src="../../static/images/new/img9.png" mode=""></image>
				<view class="mineOneName">线上教练</view>
				<view class="arrow"></view>
			</view> -->
			<!-- 	<view class="flexr mineOne border-b" style="" @click="pushVc(1)">
				<image src="../../static/new/mineIcon6.png" mode=""></image>
				<view class="mineOneName">我的关注</view>
				<view class="arrow"></view>
			</view> -->
			<view class="flexr mineOne border-b" style="" @click="gotoPage('/pages/mine/myaddress/index')">
				<image src="../../static/new/mineIcon7.png" mode=""></image>
				<view class="mineOneName">收货地址</view>
				<view class="arrow"></view>
			</view>
			<view class="flexr mineOne border-b" style="" @click="gotoPage('/packagePages/mine/myrefund/index')">
				<image src="../../static/new/mineIcon8.png" mode=""></image>
				<view class="mineOneName">消费记录</view>
				<view class="arrow"></view>
			</view>
			<!-- <view class="flexr mineOne border-b" style="" @click="pushVc(4)">
				<image src="../../static/new/mineIcon9.png" mode=""></image>
				<view class="mineOneName">约玩退款</view>
				<view class="arrow"></view>
			</view> -->
			<view class="flexr mineOne border-b" style="" @click="pushVc(9)">
				<image src="../../static/new/mineIcon11.png" mode=""></image>
				<view class="mineOneName">客房退款</view>
				<view class="arrow"></view>

			</view>
			<!-- 用户教练订单 -->
			<view class="flexr mineOne border-b" style="" @click="navigateTo(9)">
				<image src="../../static/new/mineIcon5.png" mode=""></image>
				<view class="mineOneName">我的教练订单</view>
				<view class="arrow"></view>
			</view>
			<view v-if="customerInfo.isPlayer&&customerInfo.isPlayer==1" class="flexr mineOne border-b" style=""
				@click="navigateTo(7)">
				<image src="../../static/new/mineIcon5.png" mode=""></image>
				<view class="mineOneName">教练订单</view>
				<view class="arrow"></view>
			</view>
			<view v-if="customerInfo.isPlayer&&customerInfo.isPlayer==1" class="flexr mineOne border-b" style=""
				@click="navigateTo(8)">
				<image src="../../static/new/mineIcon5.png" mode=""></image>
				<view class="mineOneName">教练存单</view>
				<view class="arrow"></view>
			</view>




			<!-- 	<view class="flexr mineOne border-b" style="" @click="navigateTo(6)">
				<image src="../../static/new/mineIcon9.png" mode=""></image>
				<view class="mineOneName">线上退款</view>
				<view class="arrow"></view>
			</view> -->

		</view>


		<!-- 	<view class="person-operation-bottom">
			<view class="person-operation-card">
				<view class="person-operation-card-item" v-if="checkWetchatEnableYueWanValue" @click="pushVc(0)">
					<view class="item-icon"><image src="../../static/images/mine-server-apply-icon.png"></image></view>
					<view class="title">教练申请</view>
				</view>
				<view class="person-operation-card-item" v-if="checkWetchatEnableYueWanValue" @click="pushVc(1)">
					<view class="item-icon"><image src="../../static/images/mine-attention-icon.png"></image></view>
					<view class="title">我的关注</view>
				</view>
				<view class="person-operation-card-item" @click="pushVc(3)">
					<view class="item-icon"><image src="../../static/images/mine-consume-history.png"></image></view>
					<view class="title">消费记录</view>
				</view>
				<view class="person-operation-card-item" v-if="checkPermission(['CouponProvide'])" @click="couponProvide">
					<view class="item-icon"><image src="../../static/images/mine-coupon-provide-icon.png"></image></view>
					<view class="title">优惠券发放</view>
				</view>
				<view class="person-operation-card-item" v-if="checkPermission(['QRCouponCode'])" @click="qrcodeCoupon">
					<view class="item-icon"><image src="../../static/images/mine-qrcode-icon.png"></image></view>
					<view class="title">扫码核销</view>
				</view>
				<view class="person-operation-card-item" v-if="checkPermission(['CouponVerification'])" @click="couponVerificationHistory">
					<view class="item-icon"><image src="../../static/images/mine-verification-icon.png"></image></view>
					<view class="title">核销对账</view>
				</view>
				<view class="person-operation-card-item" v-if="checkWetchatEnableYueWanValue" @click="pushVc(4)">
					<view class="item-icon"><image src="../../static/images/mine-play-refund-icon.png"></image></view>
					<view class="title">教练退款</view>
				</view>
				<view class="person-operation-card-item" @click="pushVc(9)">
					<view class="item-icon"><image src="../../static/images/mine-room-refund-icon.png"></image></view>
					<view class="title">客房退款</view>
				</view>
				<button class="person-operation-card-item no-defalut-botton" v-if="customerServiceStatus" open-type="contact">
					<view class="item-icon"><image src="../../static/images/mine-room-contact-icon.png"></image></view>
					<view class="title">联系客服</view>
				</button>
				<view class="person-operation-card-item" v-if="customerTongBuStatus"  @click="pushVc(10)">
					<view class="item-icon"><image src="../../static/images/mine-tongbu-icon.png"></image></view>
					<view class="title">信息同步</view>
				</view>
			</view>
		</view> -->
	</view>
</template>

<script>
	import {
		isLogin,
		toLogin,
		null2str,
		errorToShow,
		successToShow
	} from '@/config/common.js';
	import {
		getCustomerInfo,
		tongbuCustomerInfo,
		getUserByToken,
		isSignIn,
		signIn
	} from '@/constant/customer.js';
	import {
		getAppServePlayerApplyStatus,
		getCustomerServiceStatus,
		getCustomerTongBuStatus
	} from '@/constant/schedule.js';
	import {
		baseImageUrl
	} from '@/config/config.js';
	import {
		checkPermission,
		base64Decode,
		checkWetchatEnableYueWan
	} from '@/config/utils.js';
	import {
		uploadFriendsInfo,
		getMakeFriendsInfo,
		getCity
	} from "@/constant/friend.js"
	import {

		getDictOpen
	} from '@/constant/login.js';
	import icon1 from '@/static/new/mineIcon.png';
	import icon2 from '@/static/new/mineIcon2.png';
	import icon3 from '@/static/new/mineIcon3.png';
	import icon4 from '@/static/new/mineIcon4.png';

	export default {
		components: {

		},
		data() {
			return {
				baseImageUrl: baseImageUrl,
				customerId: uni.getStorageSync('customerId'),
				customerToken: uni.getStorageSync('userToken'),
				playerApplyStatus: 0,
				servePlayType: 1,
				checkPermission: checkPermission,
				checkWetchatEnableYueWanValue: false,
				customerServiceStatus: false,
				customerTongBuStatus: false,
				customerInfo: {
					customer_usernumber: '',
					customer_headimg: '',
					customer_nickname: '',
					customer_username: '',
					customer_credit: '0',
					customer_balance: '0',
					customer_improvedInfo: '',
					customer_couponCount: '0',
					vip_level_name: ''
				},
				orderTypeList: [{
						flag: 2,
						icon: icon1,
						text: 'VIP订单',
						show: true
					},
					{
						flag: 3,
						icon: icon2,
						text: '客房订单',
						show: true
					},
					{
						flag: 4,
						icon: icon3,
						text: '商城订单',
						show: true
					},
					{
						flag: 5,
						icon: icon4,
						text: '充值订单',
						show: true
					}
				],
				mayAge: null,
				isSign: 0,
				showMall: false
			};
		},
		onShow() {
			this.getShow()
			this.getUserInfo();
			this.getisSignIn()
			// this.getApplyStatus();
			// this.initBanner();
			//    this.initCustomerServiceStatus();
			// this.initCustomerTongBuStatus();
		},
		onLoad() {
			if (!isLogin()) {
				toLogin();
			}
		},
		methods: {
			getShow() {
				getDictOpen('mall_on').then(res => {
					let show = res.data == 1 ? true : false
					this.orderTypeList[2].show = show

				})
			},
			getisSignIn() {
				isSignIn().then(res => {
					this.isSign = res.data
				})
			},
			signInTo() {
				if (this.isSign != 0) return
				signIn().then(res => {
					if (res.code == 0) {
						successToShow('签到成功')
					}

					this.getisSignIn()
				})
			},
			gotoPage(url) {
				console.log(url)
				uni.navigateTo({
					url: url
				})
			},
			navigateTo: function(val) {
				let url = '';
				switch (val) {
					case 0:
						url = '/packagePages/playercenter/setting/order/list';
						break;
					case 1:
						url = '/packagePages/order/playerorder/list';
						break;
					case 2:
						url = '/packagePages/order/viporder/list';
						break;
					case 3:
						url = '/packagePages/order/roomorder/list';
						break;
					case 4:
						url = '/packagePages/order/mallorder/list';
						break;
					case 5:
						url = '/packagePages/order/rechargeorder/list';
						break;
					case 6:
						url = '/packagePages/order/onlineplayerorder/list';
						break;
					case 7:
						url = '/packagePages/onlinePlayCenter/setting/order/list';
						break;
					case 8:
						url = '/packagePages/onlinePlayCenter/setting/order/saveList';
						break;
					case 9:
						url = '/packagePages/order/playerorder/saveList';
						break;
				}

				uni.navigateTo({
					url: url
				});
			},
			clickEditInfo() {
				uni.navigateTo({
					url: './myinfo/info/info'
				});
			},
			initBanner() {
				this.checkWetchatEnableYueWanValue = checkWetchatEnableYueWan('');
			},
			async initCustomerServiceStatus() {

				let result = await getCustomerServiceStatus();
				if (result.Value) {
					if (result.Value == 0)
						this.customerServiceStatus = false;
					else
						this.customerServiceStatus = true;
				}
			},
			async initCustomerTongBuStatus() {

				let result = await getCustomerTongBuStatus();
				if (result.Value) {
					if (result.Value == 0)
						this.customerTongBuStatus = false;
					else
						this.customerTongBuStatus = true;
				}
			},
			async getUserInfo() {
				if (!this.customerToken) {
					return;
				}
				let customerId = uni.getStorageSync('customerId')
				let result = await getMakeFriendsInfo(customerId)
				// let result = await getUserByToken();
				let data = result.data
				this.customerInfo = data
				this.mayAge = this.getAge(data.birthday)

				// this.customerInfo.customer_usernumber = data.userNumber;
				// this.customerInfo.customer_headimg = data.headImg;
				// this.customerInfo.customer_nickname = data.nickName;
				// this.customerInfo.customer_username = data.userName;
				// this.customerInfo.customer_credit = data.integral;
				// // this.customerInfo.customer_balance = data.balance.balance;
				// this.customerInfo.customer_improvedInfo = data.improvedInfo;
				// this.customerInfo.customer_couponCount = data.couponCount;
				// uni.setStorageSync('customer_password', result.balance.hasPassword);
				// uni.setStorageSync('customer_username', data.userName);
				// uni.setStorageSync('customer_phone', data.phone);
				uni.setStorageSync('customerInfo', data);
				// uni.setStorageSync('receiverId', data.id);
				// if (result.VipLevelInfo.LevelName) {
				// 	this.customerInfo.vip_level_name = result.VipLevelInfo.LevelName;
				// }
			},
			getAge(val) {
				let currentYear = new Date().getFullYear() //当前的年份
				let calculationYear = new Date(val).getFullYear() //计算的年份
				const wholeTime = currentYear + val.substring(4) //周岁时间
				const calculationAge = currentYear - calculationYear //按照年份计算的年龄
				//判断是否过了生日
				if (new Date().getTime() > new Date(wholeTime).getTime()) {
					return calculationAge
				} else {
					return calculationAge - 1
				}
			},
			async pushVc(val) {
				let url = '';
				switch (val) {
					case 0:
						if (!isLogin()) {
							toLogin();
							break;
						}
						switch (this.playerApplyStatus) {
							case 0:
								url = '/packagePages/playercenter/regist/index';
								break;
							case 10:
								url = '/packagePages/playercenter/auditing/index';
								break;
							case 20:
								url = '/packagePages/playercenter/setting/index';
								if (this.servePlayType == 2) {
									url = '/packagePages/onlinePlayCenter/setting/index';
								}
								break;
							case 30:
								url = '/packagePages/playercenter/registfail/index';
								break;
							default:
								break;
						}
						break;
					case 1:
						url = '/packagePages/mine/myfollow/index';
						break;
					case 2:
						url = './myaddress/index';
						break;
					case 3:
						url = '/packagePages/mine/myconsumption/index';
						break;
					case 4:
						url = '/packagePages/mine/myrefund/index';
						break;
					case 5:
						url = './setting/index';
						break;
					case 6:
						url = './myexchangema/index';
						break;
					case 7:
						uni.showModal({
							title: '',
							content: '确定退出吗？',
							success: function(res) {
								if (res.confirm) {
									uni.clearStorage();
									uni.reLaunch({
										url: '../index/index'
									});
								}
							}
						});
						break;
					case 8:
						url = '/packagePages/mine/recharge/index';
						break;
					case 9:
						url = '/packagePages/mine/guestRoomOrderRefund/index';
						break;
					case 10:
						this.tongbuCustomerInfo();
						break;

				}
				uni.navigateTo({
					url: url
				});
			},

			qrcodeCoupon() {
				const _that = this;
				uni.scanCode({
					onlyFromCamera: true,
					success: function(res) {
						console.log(res, '----')
						_that.qrcodeSuccess(res.result);
					},
					fail: function(res) {
						errorToShow('获取二维码信息失败');
					}
				});
			},
			qrcodeSuccess(resultValue) {
				if (!resultValue) {
					errorToShow('获取二维码信息失败');
					return;
				}
				// try {
				// let couponDeatail = JSON.parse(base64Decode(resultValue));
				// if (!couponDeatail.couponId) {
				// 	errorToShow('请检查二维码是否为优惠券码');
				// 	return;
				// }
				uni.navigateTo({
					url: '../../packagePages/mine/coupon/verificationCoupon/index?couponId=' + resultValue

				});
				// } catch (e) {
				// 	errorToShow('获取二维码信息失败');
				// }
			},
			gotoMycoupon() {
				uni.navigateTo({
					url: '../../packagePages/mine/coupon/index'
				});
			},
			couponProvide() {
				uni.navigateTo({
					url: '../../packagePages/mine/coupon/couponProvide/index'
				});
			},
			couponVerificationHistory() {
				uni.navigateTo({
					url: '../../packagePages/mine/couponVerificationHistory/index'
				});
			},
			showMyQrCode() {
				uni.navigateTo({
					url: '../../packagePages/mine/myInfo/myQrCode'
				});
			},
			async getApplyStatus() {
				if (!this.customerToken) {
					return;
				}
				let resultData = await getAppServePlayerApplyStatus({
					servePlayerId: uni.getStorageSync('customerId')
				});
				if (resultData) {
					this.playerApplyStatus = resultData.PlayerApplyStatus;
					this.servePlayType = resultData.ServePlayType;
				} else {
					this.playerApplyStatus = 0;
				}
			},
			async tongbuCustomerInfo() {
				if (uni.getStorageSync('customer_phone')) {
					errorToShow('开始同步');
					let resultData = await tongbuCustomerInfo({
						customerId: this.customerId,
						phone: uni.getStorageSync('customer_phone')
					});
					errorToShow('同步完成');
					if (resultData) {
						this.customerInfo.vip_level_name = resultData.VipName;
						this.customerInfo.customer_couponCount += resultData.CouponCount;
						this.customerInfo.customer_credit += resultData.Credit;
						this.customerInfo.customer_balance += resultData.CashBalance;
					}
				} else {
					errorToShow('请完善手机号');
				}
			},
		}
	};
</script>
<style>
	@import url('../../css/common.css');
</style>
<style lang="scss" scoped>
	.content {
		// background-color: $main-page-color;
		background: linear-gradient(180deg, #FFD6BC 0%, #FFEFE7 40.16%, #FFF 35.16%);
		min-height: 100vh;
	}

	.person-info-header {

		// background-color: $main-page-color-FCC309;
		height: 220rpx;
		padding: 20rpx 30rpx;
	}

	.person-info-card {
		height: 100%;
		position: relative;

		.person-info-card-left {
			width: 180rpx;
			height: 180rpx;
			margin-right: 30rpx;

			.header-img {
				width: 100%;
				height: 100%;
				background-repeat: no-repeat;
				background-position: center;
				background-size: cover;
				border-radius: 50%;
			}
		}

		.person-info-card-middle {
			font-family: 'SourceHanSansCN-Regular';
			color: $main-text-color-gray-33;
			// display: flex;
			// justify-content: space-between;
			width: calc(100% - 230rpx);

			.person-nick-msg {
				width: 100%;
				color: #666;
				font-family: PingFang SC;
				font-size: 14px;
				font-style: normal;
				font-weight: 400;
				line-height: 40rpx;
				height: 40rpx;
				margin-top: 6rpx;

				image {
					width: 32rpx;
					height: 32rpx;
					margin-right: 10rpx;
				}
			}

			.person-info-left {
				.person-nick-name {
					// font-size: $main-text-size-32;
					font-size: 16px;
					color: #333;
					margin-bottom: 18rpx;
					line-height: 46rpx;
					font-weight: bold;

					.name {
						margin-right: 10rpx;
						font-family: 'SourceHanSansCN-Medium';

						text {
							font-weight: normal;
							font-size: 14px;
						}
					}

					.vip-container {
						font-size: $main-text-size-24;
					}
				}

				.person-no {
					font-size: $main-text-size-28;
					display: flex;
					align-items: center;

					.mine-qrcode-icon {
						width: 28rpx;
						height: 28rpx;
						margin-left: 20rpx;
					}
				}
			}

			.person-info-right {
				.right-icon-container {
					width: 48rpx;
					height: 100%;

					image {
						width: 48rpx;
						height: 48rpx;
					}
				}
			}
		}
	}

	.person-property-middle {
		padding: 0 30rpx;
		margin-bottom: 20rpx;

		.person-property-card {
			background-color: #ffffff;
			height: 228rpx;
			border-radius: 20rpx;
			margin-top: -136rpx;
			padding: 0 30rpx;
			padding-top: 32rpx;
			font-family: 'SourceHanSansCN-Regular';
			color: $main-text-color-gray-33;

			.title {
				font-family: 'SourceHanSansCN-Medium';
				font-size: $main-text-size-32;
				margin-bottom: 30rpx;
			}

			&-context {
				display: flex;
				align-items: center;
				justify-content: space-between;

				.item-container {
					display: flex;
					align-items: center;

					&-icon {
						width: 72rpx;
						height: 72rpx;
						margin-right: 20rpx;

						image {
							width: 100%;
							height: 100%;
						}
					}

					&-text {
						text-align: center;
						font-size: $main-text-size-28;

						.value {
							font-family: 'SourceHanSansCN-Medium';
							font-size: $main-text-size-32;
						}
					}
				}
			}
		}
	}

	.person-operation-bottom {
		padding: 0 30rpx;

		.person-operation-card {
			background-color: #ffffff;
			padding: 40rpx 0rpx;
			font-family: 'SourceHanSansCN-Regular';
			display: flex;
			flex-wrap: wrap;
			padding-bottom: unset;
			border-radius: 20rpx;

			&-item {
				width: 25%;
				display: flex;
				flex-direction: column;
				align-items: center;
				margin-bottom: 40rpx;

				.item-icon {
					width: 80rpx;
					height: 80rpx;
					margin-bottom: 10rpx;

					image {
						width: 100%;
						height: 100%;
					}
				}

				.title {
					color: $main-text-color-gray-33;
					font-size: $main-text-size-28;
				}
			}
		}
	}

	.no-defalut-botton {
		display: unset;
		margin-left: unset;
		margin-right: unset;
		padding-left: unset;
		padding-right: unset;
		box-sizing: unset;
		font-size: unset;
		text-align: unset;
		text-decoration: unset;
		line-height: unset;
		border-radius: unset;
		overflow: unset;
		cursor: unset;
		color: unset;
		background-color: unset;
	}
</style>
<style lang="scss" scoped>
	.people-sex {
		margin-left: 10rpx;
		padding: 0 15rpx;
		height: 40rpx;
		border-radius: 21px;
		background: linear-gradient(90deg, #FF7D0B, #FFB70B);
		color: #FFF;
		text-align: center;
		font-family: PingFang SC;
		font-size: 12px;
		font-style: normal;
		font-weight: 400;
		line-height: 40rpx;

		image {
			margin-right: 10rpx;
			width: 28rpx;
			height: 28rpx;
		}

	}

	.my-money-msg {
		position: absolute;
		top: 50px;
		right: -30rpx;
		width: 84px;
		height: 52rpx;
		border-radius: 31px 0px 0px 31px;
		background: linear-gradient(90deg, #FF7D0B, #FFB70B);
		// background: #783CF9;
		color: #FFF;
		font-family: PingFang SC;
		font-size: 14px;
		font-style: normal;
		font-weight: 400;
		line-height: 52rpx;
		text-align: center;
	}

	.my-money {
		padding: 0 32rpx;
		min-height: 100rpx;
		position: relative;

		.money-item {
			width: 33.3%;

			.money-name {
				color: #8a7f7a;
				font-family: PingFang SC;
				font-size: 14px;
				font-style: normal;
				font-weight: 400;
				line-height: 40rpx;
				text-align: center;
			}

			.money-content {
				margin-top: 10rpx;
				color: #000;
				font-family: PingFang SC;
				font-size: 16px;
				font-style: normal;
				font-weight: 700;
				line-height: 50rpx;
				text-align: center;
			}
		}
	}


	.mineMore {

		border-radius: 8px;
		background: #FFF;
		padding: 0 30rpx;
		min-height: calc(100vh - 500rpx);
	}

	.mineOne {
		position: relative;
		height: 106rpx;
		line-height: 106rpx;

		image {
			width: 44rpx;
			height: 44rpx;
			margin-right: 20rpx;
		}

		.mineOneName {
			font-family: 'PingFang SC';
			font-style: normal;
			font-weight: 400;
			font-size: 15px;
			line-height: 106rpx;
			color: #333;
			font-weight: bold;


		}

		.arrow {
			top: 46rpx;
			right: 20rpx;
			border-color: #606060;
		}

		.rightNum {
			position: absolute;
			top: 0;
			right: 40rpx;
			font-size: 24rpx;
			color: #999;
		}
	}

	.order-type-container {
		margin-top: 30rpx;
		display: flex;
		flex-wrap: wrap;
		justify-content: space-between;
		padding: 40rpx 0;
		background-color: #fff;
		border-radius: 30rpx 30rpx 0 0;
		// border-bottom: 10rpx solid #f2f2f2;
		margin-bottom: 20rpx;
	}

	.order-type-item-container {
		width: 25%;
		text-align: center;
		// margin-bottom: 30rpx;

		.order-type-item {
			.order-icon {
				width: 62rpx;
				height: 62rpx;
				margin-bottom: 10rpx;
			}

			.order-text {
				color: $main-text-color-gray-33;
				font-size: $main-text-size-28;
				font-family: 'SourceHanSansCN-Regular';
				font-weight: bold;
			}
		}
	}

	.order-type-container::after {
		content: '';
		width: 33%;
	}

	.sign-to {
		margin-left: 26rpx;
		padding: 0 20rpx;
		background-color: #86c558;
		color: #fff;
		font-size: 16px;
		line-height: 48rpx;
		border-radius: 50rpx;
	}

	.havesign-to {
		background-color: #8cb36f;
	}
</style>